<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link href="{$Think.const.THINK_URL}/admin/assets/css/bootstrap.min.css" rel="stylesheet" />
    <link rel="stylesheet" href="{$Think.const.THINK_URL}/admin/assets/css/font-awesome.min.css" />
    <!--[if IE 7]>
		  <link rel="stylesheet" href="assets/css/font-awesome-ie7.min.css" />
		<![endif]-->
    <link rel="stylesheet" href="{$Think.const.THINK_URL}/admin/assets/css/ace.min.css" />
    <link rel="stylesheet" href="{$Think.const.THINK_URL}/admin/assets/css/ace-rtl.min.css" />
    <link rel="stylesheet" href="{$Think.const.THINK_URL}/admin/assets/css/ace-skins.min.css" />
    <link rel="stylesheet" href="{$Think.const.THINK_URL}/admin/css/style.css" />
    <!--[if lte IE 8]>
		  <link rel="stylesheet" href="assets/css/ace-ie.min.css" />
		<![endif]-->
    <script src="{$Think.const.THINK_URL}/admin/assets/js/ace-extra.min.js"></script>
    <!--[if lt IE 9]>
		<script src="assets/js/html5shiv.js"></script>
		<script src="assets/js/respond.min.js"></script>
		<![endif]-->
    <script src="{$Think.const.THINK_URL}/admin/js/jquery-1.9.1.min.js"></script>
    <script src="{$Think.const.THINK_URL}/admin/assets/layer/layer.js" type="text/javascript"></script>
    <title>登陆</title>
</head>

<body class="login-layout Reg_log_style">
    <div class="logintop">
        <span>欢迎后台管理界面平台</span>
        <ul>
            <li><a href="#">返回首页</a></li>
            <li><a href="#">帮助</a></li>
            <li><a href="#">关于</a></li>
        </ul>
    </div>
    <div class="loginbody">
        <div class="login-container">
            <div class="center">
                <img src="{$Think.const.THINK_URL}/admin/images/xiaomi2.jpg" /> <font size="6">www.xmm.com</font>
            </div>
            <div class="space-6"></div>
            <div class="position-relative">
                <div id="login-box" class="login-box widget-box no-border visible">
                    <div class="widget-body">
                        <div class="widget-main">
                            <h4 class="header blue lighter bigger">
												<i class="icon-coffee green"></i>
												管理员登陆
											</h4>
                            <div class="login_icon"><img src="{$Think.const.THINK_URL}/admin/images/login.png" /></div>
                            <!-- <form class=""> -->
                            <fieldset>
                                <ul>
                                    <li class="frame_style form_error">
                                        <label class="user_icon"></label>
                                        <input name="username" type="text" value="" id="username" name1="用户名" /><i>用户名</i></li>
                                    <li class="frame_style form_error">
                                        <label class="password_icon"></label>
                                        <input name="password" type="password" value="" id="password" name1="密码" /><i>密码</i></li>
                                    <li class="frame_style form_error">
                                        <label class="Codes_icon"></label>
                                        <input name="vetify" type="text" name1="验证码" id="Codes_text" /><i>验证码</i>
                                        <div class="Codes_region"><img src="{:captcha_src()}" alt="captcha" id="verify_img" /></div>
                                    </li>
                                </ul>
                                <div class="space"></div>
                                <div class="clearfix">
                                    <label class="inline">
                                        <input type="checkbox" class="ace">
                                        <span class="lbl">保存密码</span>
                                    </label>
                                    <button type="button" class="width-35 pull-right btn btn-sm btn-primary" id="login_btn">
                                        <i class="icon-key"></i><a href="{$Think.const.THINK_URL}/admin/index/index"> 登陆</a>
                                    </button>
                                </div>
                                <div class="space-4"></div>
                            </fieldset>
                            <!-- </form> -->
                            <div class="social-or-login center">
                                <span class="bigger-110">通知</span>
                            </div>
                            <div class="social-login center">
                                本网站系统不再对IE8以下浏览器支持，请见谅。
                            </div>
                        </div>
                        <!-- /widget-main -->
                        <div class="toolbar clearfix">
                        </div>
                    </div>
                    <!-- /widget-body -->
                </div>
                <!-- /login-box -->
            </div>
            <!-- /position-relative -->
        </div>
    </div>
    <div class="loginbm">版权所有 2016 <a href="">南京思美软件系统有限公司</a> </div><strong></strong>
</body>

</html>
<script>
$(document).ready(function() {
    $("#verify_img").click(
        function() {
            var ts = Date.parse(new Date()) / 1000;
            $('#verify_img').attr("src", "/captcha?id=" + ts);
        }
    );


    $('#login_btn').on('click', function() {
        var num = 0;
        var str = "";
        $("input[type$='text'],input[type$='password']").each(function(n) {
            if ($(this).val() == "") {
                layer.alert(str += "" + $(this).attr("name1") + "不能为空！\r\n", {
                    title: '提示框',
                    icon: 0,
                });
                num++;
                return false;
            }
        });


        if (num > 0) {
            return false;
        } else {
            $.post("{:url('admin/index/doLogin')}", {
                verify: $('#Codes_text').val(),
                username: $('#username').val(),
                password: $('#password').val()
            }, function(data) {

                if (data.status) {
                    layer.alert(data.msg, {
                        title: '提示框',
                        icon: 1,
                    });
                    location.href = "admin_index.html";
                    layer.close(index);
                } else {
                    layer.alert(data.msg, {
                        title: '提示框',
                        icon: 1,
                    });

                }
            }, 'json');
        }
    });
});


$(document).ready(function() {
    $("input[type='text'],input[type='password']").blur(function() {
        var $el = $(this);
        var $parent = $el.parent();
        $parent.attr('class', 'frame_style').removeClass(' form_error');
        if ($el.val() == '') {
            $parent.attr('class', 'frame_style').addClass(' form_error');
        }
    });
    $("input[type='text'],input[type='password']").focus(function() {
        var $el = $(this);
        var $parent = $el.parent();
        $parent.attr('class', 'frame_style').removeClass(' form_errors');
        if ($el.val() == '') {
            $parent.attr('class', 'frame_style').addClass(' form_errors');
        } else {
            $parent.attr('class', 'frame_style').removeClass(' form_errors');
        }
    });
})
</script>
